<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>学员成绩</title>
  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" crossorigin="anonymous">
  <link href="https://cdn.bootcdn.net/ajax/libs/bootstrap-validator/0.5.3/css/bootstrapValidator.min.css" rel="stylesheet">
  <link rel="stylesheet" href="./iconfont/iconfont.css">
  <link rel="stylesheet" href="./css/score.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
  <div class="container-fluid header">
    <h1>学员成绩</h1>
    <p>点击表格修改或录入</p>
  </div>
</nav>

<!-- table-striped隔行换色 -->
<table class="table table-striped">
  <colgroup>
    <col width="14%">
    <col width="16%">
    <col width="14%">
    <col width="14%">
    <col width="14%">
    <col width="14%">
    <col width="14%">
  </colgroup>
  <thead>
  <tr>
    <th scope="col">学员ID</th>
    <th scope="col">姓名</th>
    <th scope="col">第1次成绩</th>
    <th scope="col">第2次成绩</th>
    <th scope="col">第3次成绩</th>
    <th scope="col">第4次成绩</th>
    <th scope="col">第5次成绩</th>
  </tr>
  </thead>
  <tbody>
  <tr>
    <th scope="row">10</th>
    <td>张三</td>
    <td class="score">70</td>
    <td class="score">70</td>
    <td class="score">70</td>
    <td class="score">70</td>
    <td class="score">70</td>
  </tr>
  </tbody>
</table>
<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" crossorigin="anonymous"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/bootstrap-validator/0.5.3/js/bootstrapValidator.min.js"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/axios/0.27.2/axios.min.js"></script>
<script src="./js/common.js"></script>
<script src="js/score.js"></script>
</body>

</html>